<%--
  Created by IntelliJ IDEA.
  User: 忍
  Date: 2019/7/4
  Time: 22:15
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Title</title>
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/video-noname.css">
    <link rel="stylesheet" href="../css/moco.min.css">
    <link rel="stylesheet" href="../css/video.css">
</head>
<body>

<div id="header" class="course-detail-header">
    <div class="cd-inner clearfix" style="overflow: hidden;height: 60px;">
        <ul class="l">
            <li class="nv nv-goback">
                <a href="/learn/85" class="revert l">
                    <span class="glyphicon glyphicon-menu-left imv2-arrow3_l"></span>
                </a>
            </li>
            <li class="nv nv-menu">
                <a href="javascript:;" class="chaptername J-chaptername"  data-id="1430" style="cursor:text;">

                    <em>1-1 Java简介</em>
                </a>
            </li>
            <li class="nv nv-follow-a">
                <div class="follow-action js-follow-action clearfix" data-prompt='1'>
                    <span class="glyphicon glyphicon-star-empty ico"></span>
                    <span>收藏</span>
                </div>
            </li>
            <li class="nv nv-share bdsharebuttonbox" >
                <!-- note:bdshare cannt user inner icon tag-->
                <a class="bds_weixin" data-cmd="weixin"></a>
                <a class="bds_qzone" data-cmd="qzone" href="#"></a>
                <a class="bds_tsina" data-cmd="tsina"></a>

                <div style="display:none" id="coursePic" ><img src="//img.mukewang.com/57035ff200014b8a06000338-590-330.jpg"></div>
            </li>

        </ul>

        <div id="login-area">
            <ul class="clearfix logined">
                <li class="shop-cart" id="shop-cart">
                    <a href="//order.imooc.com/pay/cart" class="shop-cart-icon" target="_blank">
                        <span class="glyphicon  car-ico icon-shopping-cart js-endcart"></span>
                        <span>购物车</span>
                        <span class="shopping_icon js-cart-num" data-ordernum="0"  data-cartnum="0" style='display: none'>0</span>
                    </a>
                    <div class="my-cart" id="js-my-cart"></div>
                </li>

                <li class='remind_warp'>
                    <i class="msg_remind"></i>
                    <a target="_blank" href='/u/6725911/notices'>
                        <i class='icon-notifi'></i>
                        <!-- <span class="msg_icon" style="display: none;"></span> -->
                    </a>
                </li>
                <li class="set_btn user-card-box" id='header-user-card'>
                    <a id="header-avator" class="user-card-item" action-type="my_menu"  href="/u/6725911/courses" target="_self"><img src='//img3.mukewang.com/user/545869390001b87802200220-40-40.jpg' width='40' height='40' />
                        <i class="myspace_remind" style="display: none;"></i>
                        <span style="display: none;">动态提醒</span>
                    </a>
                    <div class="g-user-card">
                    </div>
                </li>
            </ul>
        </div>


        <div class='search-warp clearfix' style="display: none">


            <div class="search-area" data-search="top-banner">
                <input class="search-input" data-suggest-trigger="suggest-trigger" placeholder='搜索感兴趣的内容' type="text" autocomplete="off">
                <input type='hidden' class='btn_search' data-search-btn="search-btn" />
                <ul class="search-area-result" data-suggest-result="suggest-result">
                </ul>
            </div>
            <div class='showhide-search' data-show='no'>
                <span class='glyphicon glyphicon-search icon-search'></span>
            </div>
        </div>
    </div>
</div>
<div id="studyMain">
    <div id="bgarea" class="video-con">
        <div id='courseLayout' class='course-layout'>
            <div id="js-ques-box"></div>
            <!--此处结构为练习题，视频，编程公用的侧栏-->
            <div class="section-list">
                <div class='nano'>
                    <div class="nano-content chapter-list">

                        <ul>
                            <li class="sec-title">
                                <span>第1章 概述</span>
                            </li>
                            <li class='sec-li' data-id="19200">
                                <a class='clearfix' href="/video/19200"><em class="imv2-video_circle"></em>1-1 课程介绍(02:13)</a>
                            </li>
                            <li class='sec-li' data-id="19201">
                                <a class='clearfix' href="/video/19201"><em class="imv2-video_circle"></em>1-2 概念和原理1(03:50)</a>
                            </li>
                            <li class='sec-li' data-id="19202">
                                <a class='clearfix' href="/video/19202"><em class="imv2-video_circle"></em>1-3 概念和原理2(04:30)</a>
                            </li>
                            <li class='sec-li' data-id="19203">
                                <a class='clearfix' href="/video/19203"><em class="imv2-video_circle"></em>1-4 概念和原理3(02:42)</a>
                            </li>
                        </ul>
                        <ul>
                            <li class="sec-title">
                                <span>第2章 Tomcat环境安装</span>
                            </li>
                            <li class='sec-li' data-id="19204">
                                <a class='clearfix' href="/video/19204"><em class="imv2-video_circle"></em>2-1 Tomcat环境安装_windows(08:48)</a>
                            </li>
                            <li class='sec-li' data-id="19205">
                                <a class='clearfix' href="/video/19205"><em class="imv2-video_circle"></em>2-2 Tomcat环境安装_linux(12:46)</a>
                            </li>
                        </ul>
                        <ul>
                            <li class="sec-title">
                                <span>第3章 Tomcat常用配置项修改</span>
                            </li>
                            <li class='sec-li' data-id="19208">
                                <a class='clearfix' href="/video/19208"><em class="imv2-video_circle"></em>3-1 修改tomcat端口号(03:38)</a>
                            </li>
                            <li class='sec-li' data-id="19209">
                                <a class='clearfix' href="/video/19209"><em class="imv2-video_circle"></em>3-2 修改内存(07:37)</a>
                            </li>
                            <li class='sec-li' data-id="19211">
                                <a class='clearfix' href="/video/19211"><em class="imv2-video_circle"></em>3-3 热部署(06:52)</a>
                            </li>
                            <li class='sec-li' data-id="19212">
                                <a class='clearfix' href="/video/19212"><em class="imv2-video_circle"></em>3-4 数据库连接池与数据源_1(03:30)</a>
                            </li>
                            <li class='sec-li' data-id="19213">
                                <a class='clearfix' href="/video/19213"><em class="imv2-video_circle"></em>3-5 数据库连接池与数据源_2(08:59)</a>
                            </li>
                        </ul>
                        <ul>
                            <li class="sec-title">
                                <span>第4章 web管理</span>
                            </li>
                            <li class='sec-li' data-id="19228">
                                <a class='clearfix' href="/video/19228"><em class="imv2-video_circle"></em>4-1 web管理_1(08:12)</a>
                            </li>
                        </ul>
                        <ul>
                            <li class="sec-title">
                                <span>第5章 Tocmat单点登录配置</span>
                            </li>
                            <li class='sec-li' data-id="19214">
                                <a class='clearfix' href="/video/19214"><em class="imv2-video_circle"></em>5-1 单点登录1(05:03)</a>
                            </li>
                            <li class='sec-li' data-id="19216">
                                <a class='clearfix' href="/video/19216"><em class="imv2-video_circle"></em>5-2 单点登录2(15:08)</a>
                            </li>
                            <li class='sec-li' data-id="19217">
                                <a class='clearfix' href="/video/19217"><em class="imv2-video_circle"></em>5-3 多域名访问(08:54)</a>
                            </li>
                        </ul>
                        <ul>
                            <li class="sec-title">
                                <span>第6章 Tomcat安全配置</span>
                            </li>
                            <li class='sec-li' data-id="19219">
                                <a class='clearfix' href="/video/19219"><em class="imv2-video_circle"></em>6-1 关闭shutdown端口(03:45)</a>
                            </li>
                            <li class='sec-li' data-id="19220">
                                <a class='clearfix' href="/video/19220"><em class="imv2-video_circle"></em>6-2 修改版本号(01:46)</a>
                            </li>
                            <li class='sec-li' data-id="19221">
                                <a class='clearfix' href="/video/19221"><em class="imv2-video_circle"></em>6-3 禁用管理界面(01:39)</a>
                            </li>
                            <li class='sec-li' data-id="19222">
                                <a class='clearfix' href="/video/19222"><em class="imv2-video_circle"></em>6-4 自定义错误页面(02:17)</a>
                            </li>
                            <li class='sec-li' data-id="19223">
                                <a class='clearfix' href="/video/19223"><em class="imv2-video_circle"></em>6-5 AJP协议(01:14)</a>
                            </li>
                            <li class='sec-li' data-id="19224">
                                <a class='clearfix' href="/video/19224"><em class="imv2-video_circle"></em>6-6 修改Cookies安全性(04:15)</a>
                            </li>
                            <li class='sec-li' data-id="19225">
                                <a class='clearfix' href="/video/19225"><em class="imv2-video_circle"></em>6-7 tomcat安全规范(07:44)</a>
                            </li>
                        </ul>
                        <ul>
                            <li class="sec-title">
                                <span>第7章 Tocmat性能优化</span>
                            </li>
                            <li class='sec-li' data-id="19226">
                                <a class='clearfix' href="/video/19226"><em class="imv2-video_circle"></em>7-1 Tomcat性能优化(03:20)</a>
                            </li>
                        </ul>
                        <ul>
                            <li class="sec-title">
                                <span>第8章 课程总结</span>
                            </li>
                            <li class='sec-li' data-id="19227">
                                <a class='clearfix' href="/video/19227"><em class="imv2-video_circle"></em>8-1 Tomcat总结(01:57)</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class='course-sidebar-layout' id='courseSidebar'>
                <dl>
                    <dd class='openchapter'>
                        <span class='glyphicon glyphicon-align-left imv2-nav_chapter'></span>
                        <span>章节</span>
                    </dd>
                    <dd class='openpanel' data-panel='qa'>
                        <span class='glyphicon glyphicon-ice-lolly imv2-yuanwen'></span>
                        <span>问答</span>
                    </dd>
                    <dd class='openpanel' data-panel='note'>
                        <span class='glyphicon glyphicon-pencil imv2-homework'></span>
                        <span>笔记</span>
                    </dd>
                    <dd class='opencomment'>
                        <span class='glyphicon glyphicon-comment imv2-chat_bubble'></span>
                        <span>评论</span>
                    </dd>
                </dl>
            </div>
            <div class="video-player">
                <video width="100%" height="100%" preload="auto" autoplay="autoplay" controls="controls" src="../video/00-为什么要学习Node.mp4"></video>
            </div>
            <div class='course-right-layout' id='courseRight' data-minw='414'>
                <div class='course-right-nano'>
                    <div class="nano-right-content nano-content">
                        <div class='c-panel video-panel current' style="display: block;">
                            <span class="glyphicon glyphicon-remove imv2-close video-panel-close"></span>
                            <i class="imv2-arrow3_l video-panel-show"></i>
                            <div class="panel-container">
                                <div class='v-teachers clearfix'>
                                    <a href="/u/7459484/courses?sort=publish" class='v-teachers-img' target="_blank">
                                        <img src='//img3.mukewang.com/54584db9000199ca02200220-100-100.jpg' />
                                    </a>
                                    <dl>
                                        <dd class='v-t-nickname'>
                                            <a href="/u/7459484/courses?sort=publish" target="_blank">Java老猿</a><i class='imv2-imooc' title="慕课网认证讲师"></i>
                                        </dd>
                                        <dd class='v-t-title'>JAVA开发工程师</dd>
                                    </dl>
                                </div>
                                <p class='v-teachers-info'>多年专业于Java开发，拥有丰富的项目开发经验，富有激情，热爱技术。是一名资深的Java老猿。
                                    喜欢把好的技术分享给大家，讲课能结实际应用场景，深入浅出，语言风趣幽默，使同学们学习后能真正理解吸收。</p>
                                <input type='hidden' id='teacher_id' value='7459484'>
                                <!-- 这是广告位，无论如何都得有这个容器分割上下元素 -->
                                <div class="adver-con">
                                </div>

                                <script type="text/imooc-tpl" id="v-course-tpl">
{@if data.length > 0}
<div class='v-course-wrap'>
    <h3>$${title}</h3>
    <div class='v-course-list clearfix'>
        {@each data as item}
        {@if item.course_type == 'MF'}
        <a class='v-course' href='/learn/$${item.id}' target='_blank'>
        {@else if item.course_type == 'SZ'}
        <a class='v-course' href='http://coding.imooc.com/class/${item.id}.html' target='_blank'>
        {@else if item.course_type == 'LJ'}
        <a class='v-course' href='http://class.imooc.com/sc/${item.id}' target='_blank'>
        {@/if}
            <img src='$${item.pic}' />

            <div class='v-course-name'>$${item.name}</div>
            <div class='v-course-info clearfix'>
                {@if item.course_type}
                    <span>
                        {@if item.course_type == 'MF'}
                            免费
                        {@else if item.course_type == 'SZ'}
                            实战
                        {@else if item.course_type == 'LJ'}
                            就业班
                        {@/if}
                    </span>
                {@/if}
                {@if item.easy_type}
                    <span>$${item.easy_type}</span>
                {@/if}
                <span><i class='imv2-set-sns'></i>$${item.numbers}</span>
            </div>
        </a>
        {@/each}
    </div>
</div>
{@/if}
</script>

                            </div>
                        </div>
                        <div class='c-panel qa-panel' style="display: none;">
                            <span class='glyphicon glyphicon-remove imv2-close panel-close'></span>
                            <div id='jsPutqa' class='putqa panel-t'>
                                <h3>提问题</h3>
                                <input type='text' placeholder='请一句话说明你的问题' />
                                <p class='error-tip'></p>
                                <textarea id='qa-panel-editor'>请输入问题内容...</textarea>
                                <p class='error-tip qa-panel-editor-error-tip'></p>
                                <div class='clearfix'>
                                    <a href='javascript:;' class='moco-btn moco-btn-red putqa-submit'>提交</a>
                                    <div class="r errortip-btm js-panel-error-big-tip"></div>
                                </div>
                                <div class='captcha-verify-box js-qa-panel-verify-box hide'></div>
                            </div>

                            <div class='panel-list'>
                                <h3>其他问答</h3>
                                <div id='panelQaList' class=''></div>
                                <div class='panel-btn-wrap'>
                                    <a href='javascript:;' class='moco-btn moco-btn-gray-l js-link-qa'>查看更多本节问答</a>
                                </div>
                            </div>

                        </div>
                        <div class='c-panel note-panel'>
                            <i class='imv2-close panel-close'></i>
                            <div id='jsPutNote' class='putnote panel-t'>
                                <h3>写笔记</h3>
                                <textarea id='note-panel-editor'>请输入笔记内容...</textarea>
                                <p class='note-panel-error-tip error-tip'></p>
                                <div class='clearfix'>
                                    <div title="截图" class="js-shot-pic screen-btn" data-type="note">
                                        <span>截图</span>
                                    </div>
                                    <a href='javascript:;' class='moco-btn moco-btn-red putnote-submit'>提交</a>
                                </div>
                                <div class='captcha-verify-box js-note-panel-verify-box hide'></div>
                            </div>
                            <div class='panel-list'>
                                <h3>我的笔记</h3>
                                <div id='panelNoteList' class=''></div>
                                <div class='panel-btn-wrap'>
                                    <a href='/u/6725911/notepad/1130' class='moco-btn moco-btn-gray-l' target="_blank">查看更多我的笔记</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id='courseDrag' class='course-drag'><div class='drag'></div></div>
            </div>
        </div>
    </div>
</div></div>
<div class="subcontainer">
    <div class='course-subnav js-course-subnav'>
        <ul class='clearfix'>
            <li data-type='qa' class='current'>问答</li>
            <li data-type='comment'>评论</li>
            <li data-type='note'>同学笔记</li>
        </ul>
    </div>
    <div class='course-subcontainer clearfix'>
        <div class="course-left">
            <div id='tabwrap'>
                <div class='js-tab-item tab-item c-qalist current' data-type='qa'>
                    <div class="comp-filter-bar clearfix">
                        <a href="javascript:;" class="moco-change-smalle-btn active" data-t="/t/2">全部</a>
                        <a href="javascript:;" class="moco-change-smalle-btn" data-t="/t/4">精华</a>
                        <span class="js-pub-btn moco-btn moco-btn-gray-l">我要发布</span>
                    </div>
                    <div id='qaContainer' class='answertabcon'></div>
                    <div class='paginationwrap'>
                        <div class='pagination'></div>
                    </div>
                </div>

                <div class='js-tab-item tab-item c-comment' data-type='comment'>
                    <div class="comp-filter-bar clearfix">
                        <a href="javascript:;" class="moco-change-smalle-btn active">全部</a>
                        <span class="js-pub-btn moco-btn moco-btn-gray-l">我要发布</span>
                    </div>
                    <div id='commentContainer' class='answertabcon'></div>
                    <div class='paginationwrap'>
                        <div class='pagination'></div>
                    </div>
                </div>

                <div class='js-tab-item tab-item c-notelist' data-type='note'>
                    <div class="comp-filter-bar clearfix">
                        <a href="javascript:;" class="moco-change-smalle-btn active" data-sort="last">最新</a>
                        <a href="javascript:;" class="moco-change-smalle-btn" data-sort="sugg">点赞</a>

                        <div class="tool-right r">
                            <a href="javascript:;" class="hide-learned tool-chk l">
                                <div class="switch js-lookme">
                                    <div class="switch-line"></div>
                                    <div class="round js-lookme-round"></div>
                                </div>
                            </a>
                            <span class="tool-item hide-learned tool-chk" href="javascript:;">只看我的</span>
                        </div>
                    </div>

                    <div id='noteContainer' class='answertabcon'></div>
                    <div class='paginationwrap'>
                        <div class='pagination'></div>
                    </div>
                </div>
            </div>

        </div>
        <div class="course-right clearfix">
            <!-- 这是广告位，无论如何都得有这个容器分割上下元素 -->
            <div class="adver-con">
            </div>
            <div class="js-commend-box">
            </div>
            <div class="js-tag-box">
            </div>
            <div class="js-related-box">
            </div>
            <div class="articlelist js-right-article">
                <div class="course-right-title">
                    <h4>手记推荐</h4>
                    <a href="/article/?block_id=tuijian_wz" target="_blank" class="more">更多</a>
                </div>
                <div class="course-right-content">

                </div>
                <ul>

                </ul>
            </div>      </div>
    </div>
</div>

<div class="teach-modal-overly">
    <div class="teach-modal-layer">
        <div class="teach-modal-title">
            <div>
                <span>我要评论</span>
                <button class="rl-close" type="button"></button>
            </div>
        </div>
    </div>
    <div class="teach-model-inner">
        <div class="teach-modal-dialog" class="clearfix">
            <div id="js-pub-container">
                <div class="pub-input-box clearfix">
                    <div id="js-pl-input-fake" class="wgt-ipt-wrap pub-editor-wrap">
                        <textarea placeholder="扯淡、吐槽、表扬、鼓励……想说啥就说啥！" id="js-pl-textarea"></textarea>
                    </div>
                </div>
                <div id="pub-btm" class="pub-btm pub-comment">
                    <input type="button" value="发表评论" id="js-pl-submit" class="moco-btn moco-btn-red moco-btn-lg r">
                </div>
            </div>
        </div>
    </div>
</div>
<script src="../js/jQuery%20v3.3.1.js"></script>
<script src="../bootstrap/js/bootstrap.min.js"></script>
<script src="../js/video.js"></script>
</body>
</html>
